/** Author : nguyenhuu90 **/
*{margin: 0px; padding: 0px;}
body{background: white url("../images/body.jpg") no-repeat; font-family: 'Arial', Regular, sans-serif;}
ul,li {list-style: none;}
#wapper{width: 1010px;margin: 0px auto;}
#header {position:relative;height: 162px;width:100%;float: left; margin-bottom: 15px;}
#header h1#logo {
    text-indent: -99999px;
    position: absolute;
    top: 83px;
    background: url("../images/logo.jpg" ) no-repeat;
}
#header #dangnhap {position: absolute; right: 0px; top: 63px; display: block; float: left;}
#header #dangnhap li {float: left;}
#header #dangnhap li a {text-decoration: none; font-size: 13px; color: #999b9c; font-family: "Myriad Pro"; padding: 4px;}
#header #dangnhap li a:hover {text-decoration: underline; color:#037dae; }
#header #thanhpho {position: absolute; width: 700px; height: 27px; left: 401px; top: 88px;}
#header #thanhpho a {text-decoration: none; font-size: 14px; color: #999b9c; text-transform: uppercase;}
#header #search { position: absolute; left: 506px; border: solid 1px #888d8f; height: 26px; top: 86px; width: 500px; background: white;}
#header #search input#text {float: left; width: 380px; height: 16px; border:none; padding-left: 27px; background: white url("../images/sear.png") no-repeat;}
#header #search input.submit { float: right; color: white; font-size: 13px; background: white url("../images/search.jpg")no-repeat; height: 25px; width: 80px; }
#header #pagemenu {position: absolute; float: left; width: 100%; top: 130px;}
#header #pagemenu #nguon {float: left; border: solid 1px #037dae; padding: 5px; margin-right: 15px;}
#header #pagemenu #nguon {float: left; border: solid 1px #037dae; padding: 5px; margin-right: 15px;}
#header #pagemenu #nguon a {text-decoration: none; padding: 5px;}
#header #pagemenu #menu li {float: left; display: block; margin-left: 5px; margin-right: 8px; margin-top: 3px; }
#header #pagemenu #menu li a {text-decoration: none; line-height: 30px; color: #999b9c; padding : 10px 5px 5px 10px;}
#header #pagemenu #menu li:hover {background: url("../images/hover.jpg") no-repeat;}
#header #pagemenu #menu li a:hover {color: white;}
/* end header*/
#slibar {float: left;}
#slibar #slider1 {float: left; width: 690px; margin-right: 15px;}
#slibar #slider1 #slider1_l {float: left; width: 480px; margin-right: 10px;}
#slibar #slider1 #slider1_l img {float: left;}
#slibar #slider1 #slider1_l #nd {float: left; width: 100%; background: #ea7122; color: white; position: relative;}
#slibar #slider1 #slider1_l #nd #tien {position: absolute; left: 55px; top: 26px; font-weight: bold;}
#slibar #slider1 #slider1_l #nd #gio {position: absolute; right: 7px; top: 26px;}

#slibar #slider1 #slider1_r {float: left; width: 200px;}
#slibar #slider1 #slider1_r #nd_r {float: left; width: 200px; height: 100px; font-size: 12px; background: #007eb0; margin-top: 10px; margin-bottom: 10px; color: white;}
#slibar #slider1 #slider1_r #nd_r #nd_1 {float: left; width: 100%; margin-left: 5px;}
#slibar #slider1 #slider1_r #nd_r #nd_2 {float: left; width: 100%; font-weight: bold; font-size: 25px; margin:20px 0px 20px 55px;}
#slibar #slider1 #slider1_r #nd_r #nd_3 {float: left; width: 100%; margin-left: 5px; color: #d0d0d0; }
#slibar #slider1 #slider1_r #icon_r {float: left; width: 200px; }
#slibar #slider1 #slider1_r #icon_r #ic1 { margin-bottom: 5px;}
#slibar #slider1 #slider1_r #icon_r #ic2 { margin-bottom: 5px;}
#slibar #slider1_f {float: left; background: #b1b1b2; height: 90px; width: 690px; margin-top: 15px;}

#slibar #slider2 {float: left; width: 300px;}
#slibar #slider2 #img_ri_bar {margin-top: 15px;}
#slibar #slider2 #search_nhanh {float: left; width: 100%;}
#slibar #slider2 #search_nhanh #title {float: left; width: 100%; height: 30px; background: #69c011; font-size: 14px; font-weight: bold; color: white;}
#slibar #slider2 #search_nhanh #title h2 {float: left; margin-top: -4px; margin-right: 10px; padding-left: 5px; height: 30px; width: 80%; font-size: 14px;}
#slibar #slider2 #search_nhanh button {float: left;  margin-top: 4px; padding-left: 3px; padding-right: 3px; color: white; background: #69c011; border: solid 1px white; }
#slibar #slider2 #search_nhanh #img_s {float: right; margin-top: 10px;}
#slibar #slider2 #search_nhanh #slider {float: left; width: 275px;height: 3px; margin-top: 5px;}
#slibar #slider2 #search_nhanh #slider12 { float: left; width: 275px;height: 3px; margin-top: 5px;}
#slibar #slider2 #search_nhanh #slider13 {float: left; width: 275px;height: 3px; margin-top: 5px; margin-bottom: 5px;}
#slibar #slider2 #search_nhanh #img_ri_bar {float: left; margin-top: 15px;}
#slibar #slider2 #search_nhanh span {float: left; margin-top: 10px;}
/****end slider***/
#contentner {float: left; width: 100%;}
#contentner #tag_menu {float: left;  width: 100%; margin-top: 20px;}
#contentner #tag_menu #tag_content {float: left; width: 100%; margin: 0px; padding: 0px; margin-bottom: 20px;}
#contentner #tag_menu #tag_content li {float: left; display: block; margin-left: 28px; }
#contentner #tag_menu #tag_content li a {float: left;display: block; width: 145px; text-decoration: none; color: #6c6c6c;}
#contentner #page_list {float: left; width: 100%; background: #12bcca; height: 29px; position: relative; margin-bottom: 10px;}
#contentner #page_list span {float: left; color: white; font-size: 14px; position: absolute; left: 10px; padding-top: 5px;}
#contentner #page_list img {float: left; height: 29px; position: absolute; left: 135px;}
#contentner #page_list .page  li {float: left;display: block;}
#contentner #page_list .page  li a {text-decoration: none; padding: 4px; color: white;}
#contentner #page_list .page  {position: absolute; right: 5px; top: 3px;}

#contentner #page_list1 {float: left; width: 100%; background: #3c1b84; height: 29px; position: relative; margin-bottom: 10px;}
#contentner #page_list1 span {float: left; color: white; font-size: 14px; position: absolute; left: 10px; padding-top: 5px;}
#contentner #page_list1 img {float: left; height: 29px; position: absolute; left: 135px;}
#contentner #page_list1 .page li {float: left;display: block;}
#contentner #page_list1 .page  li a {text-decoration: none; padding: 4px; color: white;}
#contentner #page_list1 .page  {position: absolute; right: 5px; top: 3px;}

#contentner #page_list2 {float: left; width: 100%; background: #008580; height: 29px; position: relative; margin-bottom: 10px; margin-top: 15px;}
#contentner #page_list2 span {float: left; color: white; font-size: 14px; position: absolute; left: 10px; padding-top: 5px;}
#contentner #page_list2 img {float: left; height: 29px; position: absolute; left: 135px;}
#contentner #page_list2 .page  li {float: left;display: block;}
#contentner #page_list2 .page  li a {text-decoration: none; padding: 4px; color: white;}
#contentner #page_list2 .page  {position: absolute; right: 5px; top: 3px;}

#contentner #page_list3 {float: left; width: 100%; background: #048545; height: 29px; position: relative; margin-bottom: 10px; margin-top: 15px;}
#contentner #page_list3 span {float: left; color: white; font-size: 14px; position: absolute; left: 10px; padding-top: 5px;}
#contentner #page_list3 img {float: left; height: 29px; position: absolute; left: 135px;}
#contentner #page_list3 .page  li {float: left;display: block;}
#contentner #page_list3 .page  li a {text-decoration: none; padding: 4px; color: white;}
#contentner #page_list3 .page  {position: absolute; right: 5px; top: 3px;}

#contentner #page_list4 {float: left; width: 100%; background: #a2a1a2; height: 29px; position: relative; margin-bottom: 10px; margin-top: 15px;}
#contentner #page_list4 span {float: left; color: white; font-size: 14px; position: absolute; left: 10px; padding-top: 5px;}
#contentner #page_list4 img {float: left; height: 29px; position: absolute; left: 135px;}
#contentner #page_list4 .page  li {float: left;display: block;}
#contentner #page_list4 .page  li a {text-decoration: none; padding: 4px; color: white;}
#contentner #page_list4 .page  {position: absolute; right: 5px; top: 3px;}

#contentner #page_list5 {float: left; width: 100%; background: #dabb00; height: 29px; position: relative; margin-bottom: 10px; margin-top: 15px;}
#contentner #page_list5 span {float: left; color: white; font-size: 14px; position: absolute; left: 10px; padding-top: 5px;}
#contentner #page_list5 img {float: left; height: 29px; position: absolute; left: 135px;}
#contentner #page_list5 .page  li {float: left;display: block;}
#contentner #page_list5 .page  li a {text-decoration: none; padding: 4px; color: white;}
#contentner #page_list5 .page  {position: absolute; right: 5px; top: 3px;}

#contentner #page_list6 {float: left; width: 100%; background: #ff9500; height: 29px; position: relative; margin-bottom: 10px; margin-top: 15px;}
#contentner #page_list6 span {float: left; color: white; font-size: 14px; position: absolute; left: 10px; padding-top: 5px;}
#contentner #page_list6 img {float: left; height: 29px; position: absolute; left: 135px;}
#contentner #page_list6 .page  li {float: left;display: block;}
#contentner #page_list6 .page  li a {text-decoration: none; padding: 4px; color: white;}
#contentner #page_list6 .page  {position: absolute; right: 5px; top: 3px;}

#contentner #page_list7 {float: left; width: 100%; background: #cb1c5f; height: 29px; position: relative; margin-bottom: 10px; margin-top: 15px;}
#contentner #page_list7 span {float: left; color: white; font-size: 14px; position: absolute; left: 10px; padding-top: 5px;}
#contentner #page_list7 img {float: left; height: 29px; position: absolute; left: 135px;}
#contentner #page_list7 .page  li {float: left;display: block;}
#contentner #page_list7 .page  li a {text-decoration: none; padding: 4px; color: white;}
#contentner #page_list7 .page  {position: absolute; right: 5px; top: 3px;}

#contentner .content {float: left;}
#contentner .content .cantren {margin-top: 5px;}
#contentner .content .canduoi {margin-bottom: 5px;}
#contentner .content .main_sp1 {float: left; position: relative; color: white;}
#contentner .content .main_sp1 #tenmoi {position: absolute; float: left; padding-top: 3px; font-size:16px; top: 0px; right: 0px; padding-left: 15px; height: 26px; width: 58px; color: white; background: url("../images/tenmoi.png") no-repeat;}
#contentner .content .main_sp1 #tennhieu {position: absolute; float: left; padding-top: 3px; font-size:16px; top: 0px; right: 0px; padding-left: 15px; height: 26px; width: 58px; color: white; background: url("../images/tennhieu.png") no-repeat;}
#contentner .content .main_sp1 #tengiam {position: absolute; float: left; padding-top: 3px; font-size:16px; top: 0px; right: 0px; padding-left: 15px; height: 26px; width: 58px; color: white; background: url("../images/tengiam.png") no-repeat;}
#contentner .content .main_sp1 #tenhot {position: absolute; float: left; padding-top: 3px; font-size:16px; top: 0px; right: 0px; padding-left: 15px; height: 26px; width: 58px; color: white; background: url("../images/tenhot.png") no-repeat;}
#contentner .content .main_sp1 #tenxem {position: absolute; float: left; padding-top: 3px; font-size:16px; top: 0px; right: 0px; padding-left: 15px; height: 26px; width: 58px; color: white; background: url("../images/tenxem.png") no-repeat;}
#contentner .content .main_sp1 #tenvip {position: absolute; float: left; padding-top: 3px; font-size:16px; top: 0px; right: 0px; padding-left: 15px; height: 26px; width: 58px; color: white; background: url("../images/tenvip.png") no-repeat;}
#contentner .content .main_sp1 #tenvip2 {position: absolute; float: left; padding-top: 3px; font-size:16px; top: 0px; right: 0px; padding-left: 15px; height: 26px; width: 58px; color: white; background: url("../images/tenvip2.png") no-repeat;}

#contentner .content .main_sp1 .nd_sp1 {float: left; color: white; position: absolute; width: 100%; bottom: 0px; height: 27px; opacity: 0.7; height: 42px; left: 0px; background: url("../images/mau.jpg") no-repeat;}
#contentner .content .main_sp1 .nd_sp1 .text_sp1 { position: absolute; left: 5px; text-decoration: none; color: white; display: block; }
#contentner .content .main_sp1 .nd_sp1 .n_sp1 {float: left; position: absolute; left: 5px; bottom: 2px; color: #8b898b;}
#contentner .content .main_sp1 .nd_sp1 .g_sp1 {float: left; position: absolute; right: 2px; bottom: 2px; font-size: 16px;}

#contentner .content .main_sp2 {float: left; width: 315px; position: relative; color: white; margin-left: 10px;}
#contentner .content .main_sp2 img {float: left;}
#contentner .content .main_sp2 .nd_sp2 {float: left; background: url("../images/ndsp2.jpg")no-repeat; position: absolute; left: 0px;
    opacity: 0.7; top: 83px;}
#contentner .content .main_sp2 .nd_sp2 .text_sp2 {float: left; font-size: 12px; text-decoration: none; color: white; margin-left: 5px; width: 100%;}
#contentner .content .main_sp2 .nd_sp2 .n_sp2 {float: left; color: #8b898b; margin-left: 5px; width: 70%;}
#contentner .content .main_sp2 .nd_sp2 .g_sp2 {float: left; margin-left: 10px; font-size: 16px;}
#contentner .content .main_sp2 #sp21 {float: left; width: 150px; margin-left: 10px; height: 120px; background: #3c1b84;}
#contentner .content .main_sp2 #sp21 .text21 {float: left; margin-top: 5px; text-decoration: none; color: white; font-size: 13px; margin-left: 5px;}
#contentner .content .main_sp2 #sp21 .g21 {float: left; font-size: 25px; margin-left: 5px; margin-top: 5px; margin-bottom: 15px;}
#contentner .content .main_sp2 #sp21 .n21 {float: right; margin-right: 5px; margin-top: 10px; color: #8372a7;font-size: 13px;}

#contentner .content .main_sp2 #sp22 {float: left; width: 150px; margin-left: 10px; height: 120px; background: #008580;}
#contentner .content .main_sp2 #sp22 .text21 {float: left; margin-top: 5px; text-decoration: none; color: white; font-size: 13px; margin-left: 5px;}
#contentner .content .main_sp2 #sp22 .g21 {float: left; font-size: 25px; margin-left: 5px; margin-top: 5px; margin-bottom: 15px;}
#contentner .content .main_sp2 #sp22 .n21 {float: right; margin-right: 5px; margin-top: 10px; color: #75acaa;font-size: 13px;}

#contentner .content .main_sp2 #sp23 {float: left; width: 150px; margin-left: 10px; height: 120px; background: #048545;}
#contentner .content .main_sp2 #sp23 .text21 {float: left; margin-top: 5px; text-decoration: none; color: white; font-size: 13px; margin-left: 5px;}
#contentner .content .main_sp2 #sp23 .g21 {float: left; font-size: 25px; margin-left: 5px; margin-top: 5px; margin-bottom: 15px;}
#contentner .content .main_sp2 #sp23 .n21 {float: right; margin-right: 5px; margin-top: 10px; color: #67a787;font-size: 13px;}

#contentner .content .main_sp2 #sp24 {float: left; width: 150px; margin-left: 10px; height: 120px; background: #a2a1a2;}
#contentner .content .main_sp2 #sp24 .text21 {float: left; margin-top: 5px; text-decoration: none; color: white; font-size: 13px; margin-left: 5px;}
#contentner .content .main_sp2 #sp24 .g21 {float: left; font-size: 25px; margin-left: 5px; margin-top: 5px; margin-bottom: 15px;}
#contentner .content .main_sp2 #sp24 .n21 {float: right; margin-right: 5px; margin-top: 10px; color: #b2b1b2;font-size: 13px;}

#contentner .content .main_sp2 #sp25 {float: left; width: 150px; margin-left: 10px; height: 120px; background: #dabb00;}
#contentner .content .main_sp2 #sp25 .text21 {float: left; margin-top: 5px; text-decoration: none; color: white; font-size: 13px; margin-left: 5px;}
#contentner .content .main_sp2 #sp25 .g21 {float: left; font-size: 25px; margin-left: 5px; margin-top: 5px; margin-bottom: 15px;}
#contentner .content .main_sp2 #sp25 .n21 {float: right; margin-right: 5px; margin-top: 10px; color: #eddd80;font-size: 13px;}

#contentner .content .main_sp2 #sp26 {float: left; width: 150px; margin-left: 10px; height: 120px; background: #ff9500;}
#contentner .content .main_sp2 #sp26 .text21 {float: left; margin-top: 5px; text-decoration: none; color: white; font-size: 13px; margin-left: 5px;}
#contentner .content .main_sp2 #sp26 .g21 {float: left; font-size: 25px; margin-left: 5px; margin-top: 5px; margin-bottom: 15px;}
#contentner .content .main_sp2 #sp26 .n21 {float: right; margin-right: 5px; margin-top: 10px; color: #e4af65;font-size: 13px;}

#contentner .content .main_sp2 #sp27 {float: left; width: 150px; margin-left: 10px; height: 120px; background: #cb1c5f;}
#contentner .content .main_sp2 #sp27 .text21 {float: left; margin-top: 5px; text-decoration: none; color: white; font-size: 13px; margin-left: 5px;}
#contentner .content .main_sp2 #sp27 .g21 {float: left; font-size: 25px; margin-left: 5px; margin-top: 5px; margin-bottom: 15px;}
#contentner .content .main_sp2 #sp27 .n21 {float: right; margin-right: 5px; margin-top: 10px; color: #ca7394;font-size: 13px;}

#contentner .content .main_sp3 {float: left; width: 315px; position: relative; color: white;}
#contentner .content .main_sp3 img {float: right;}
#contentner .content .main_sp3 .nd_sp3 {float: left; width: 100%; position: absolute; left: 7px; bottom: -3px;  background: url("../images/ndsp3.jpg")no-repeat;opacity: 0.7; }
#contentner .content .main_sp3 .nd_sp3 .text_sp3 {float: left; text-decoration: none; color: white; margin-left: 5px;  }
#contentner .content .main_sp3 .nd_sp3 .n_sp3 {float: left; margin-left: 5px; width: 77%;}
#contentner .content .main_sp3 .nd_sp3 .g_sp3 {float: left; }

#contentner .content .main_sp3 #sp31 {float: left; margin-left: 7px; width: 150px; height: 125px; background: #3c1b84;}
#contentner .content .main_sp3 #sp31 .text31 {float: left; margin-left: 5px; margin-top: 5px; width: 95%;font-size: 13px; text-decoration: none; color: white;}
#contentner .content .main_sp3 #sp31 .g31 {float: left; font-size: 25px; margin-left: 5px; margin-top: 10px; margin-bottom: 15px;}
#contentner .content .main_sp3 #sp31 .n31 {float: right; margin-right: 5px; margin-top: 10px; color: #8372a7;font-size: 13px;}

#contentner .content .main_sp3 #sp32 {float: left; margin-left: 7px; width: 150px; height: 125px; background: #008580;}
#contentner .content .main_sp3 #sp32 .text31 {float: left; margin-left: 5px; margin-top: 5px; width: 95%;font-size: 13px; text-decoration: none; color: white;}
#contentner .content .main_sp3 #sp32 .g31 {float: left; font-size: 25px; margin-left: 5px; margin-top: 10px; margin-bottom: 15px;}
#contentner .content .main_sp3 #sp32 .n31 {float: right; margin-right: 5px; margin-top: 10px; color: #75acaa;font-size: 13px;}

#contentner .content .main_sp3 #sp33 {float: left; margin-left: 7px; width: 150px; height: 125px; background: #048545;}
#contentner .content .main_sp3 #sp33 .text31 {float: left; margin-left: 5px; margin-top: 5px; width: 95%;font-size: 13px; text-decoration: none; color: white;}
#contentner .content .main_sp3 #sp33 .g31 {float: left; font-size: 25px; margin-left: 5px; margin-top: 10px; margin-bottom: 15px;}
#contentner .content .main_sp3 #sp33 .n31 {float: right; margin-right: 5px; margin-top: 10px; color: #67a787;font-size: 13px;}

#contentner .content .main_sp3 #sp34 {float: left; margin-left: 7px; width: 150px; height: 125px; background: #a2a1a2;}
#contentner .content .main_sp3 #sp34 .text31 {float: left; margin-left: 5px; margin-top: 5px; width: 95%;font-size: 13px; text-decoration: none; color: white;}
#contentner .content .main_sp3 #sp34 .g31 {float: left; font-size: 25px; margin-left: 5px; margin-top: 10px; margin-bottom: 15px;}
#contentner .content .main_sp3 #sp34 .n31 {float: right; margin-right: 5px; margin-top: 10px; color: #b2b1b2;font-size: 13px;}

#contentner .content .main_sp3 #sp35 {float: left; margin-left: 7px; width: 150px; height: 125px; background: #dabb00;}
#contentner .content .main_sp3 #sp35 .text31 {float: left; margin-left: 5px; margin-top: 5px; width: 95%;font-size: 13px; text-decoration: none; color: white;}
#contentner .content .main_sp3 #sp35 .g31 {float: left; font-size: 25px; margin-left: 5px; margin-top: 10px; margin-bottom: 15px;}
#contentner .content .main_sp3 #sp35 .n31 {float: right; margin-right: 5px; margin-top: 10px; color: #eddd80;font-size: 13px;}

#contentner .content .main_sp3 #sp36 {float: left; margin-left: 7px; width: 150px; height: 125px; background: #ff9500;}
#contentner .content .main_sp3 #sp36 .text31 {float: left; margin-left: 5px; margin-top: 5px; width: 95%;font-size: 13px; text-decoration: none; color: white;}
#contentner .content .main_sp3 #sp36 .g31 {float: left; font-size: 25px; margin-left: 5px; margin-top: 10px; margin-bottom: 15px;}
#contentner .content .main_sp3 #sp36 .n31 {float: right; margin-right: 5px; margin-top: 10px; color: #e4af65;font-size: 13px;}

#contentner .content .main_sp3 #sp37 {float: left; margin-left: 7px; width: 150px; height: 125px; background: #cb1c5f;}
#contentner .content .main_sp3 #sp37 .text31 {float: left; margin-left: 5px; margin-top: 5px; width: 95%;font-size: 13px; text-decoration: none; color: white;}
#contentner .content .main_sp3 #sp37 .g31 {float: left; font-size: 25px; margin-left: 5px; margin-top: 10px; margin-bottom: 15px;}
#contentner .content .main_sp3 #sp37 .n31 {float: right; margin-right: 5px; margin-top: 10px; color: #ca7394;font-size: 13px;}

#contentner #content .sanpham {float: left; width: 320px; margin-top: 20px;}
#contentner #content .giua {margin-left: 25px; margin-right: 25px;}
#contentner #content .sanpham .nd_sp {position: relative; background: #008580;float: left; height: 75px; width: 100%;}
#contentner #content .sanpham .nd_sp .ten_sp {float: left; font-size: 12px; color: white; text-decoration: none; padding: 5px;}
#contentner #content .sanpham .nd_sp .gia {float:left; position: absolute;  color: white; font-size: 18px; font-weight: bold; left: 5px; top: 30px;}
#contentner #content .sanpham .nd_sp .gia_goc {float: left; position: absolute; top: 30px; right: 5px; color: white;}
#contentner #content .sanpham .nd_sp .nguon_sp {float: left; position: absolute; top: 47px; left: 5px; padding: 5px; color: white;}
#contentner #content .sanpham .nd_sp .diadiem {float: left; position: absolute; top: 47px; right: 5px; padding: 5px; color: white;}

#footer { float: left; margin-top: 20px;}
#footer #dd {float: left; width: 100%;margin-top: 10px; color: #b3b3b3}
#footer #mail {float: left; width: 100%; color: #b3b3b3; }
#footer #mail b {color: #4394d9;}
#footer #copy {float: left; width: 100%; color: #4f4e4e; }